<template>
  <div>
    <p>{{msg}}</p>
    <p v-text="msg"></p>
    <p v-html="msg"></p>
    <hr/>
    <p>{{msg1}}</p>
    <p v-text="msg1"></p>
    <p v-html="msg1"></p>
  </div>
</template>

<script>
export default {
  data(){
    return {
      msg:'hello world',
      msg1:'<h1 style="color:red">hello world</h1>',
    }
  }
}
</script>

<style scoped>

</style>
